<div class="max-w-xl p-8 mx-auto" [ngClass]="['bg' + default, 'text' + defaultInv]">
	<ul class="space-y-12">
		<li class="flex items-start space-x-3">
			<a
				rel="noopener noreferrer"
				href="#"
				class="flex items-center h-8 text-sm hover:underline"
			>
				v3.2.0
			</a>
			<div class="flex-1 space-y-2">
				<div
					class="flex items-center justify-between space-x-4"
					[ngClass]="['text' + plainInv]"
				>
					<a
						rel="noopener noreferrer"
						href="#"
						class="inline-flex items-center px-3 py-1 my-1 space-x-2 text-sm border rounded-full group"
						[ngClass]="['border' + neutral]"
					>
						<span
							class="h-1.5 w-1.5 rounded-full"
							[ngClass]="['bg' + primary]"
							aria-hidden="true"
						></span>
						<span class="group-hover:underline" [ngClass]="['text' + defaultInv]">
							Feature
						</span>
					</a>
					<span class="text-xs whitespace-nowrap">10h ago</span>
				</div>
				<div>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt nunc
						ipsum tempor purus vitae id. Morbi in vestibulum nec varius. Et diam cursus
						quis sed purus nam. Scelerisque amet elit non sit ut tincidunt condimentum.
						Nisl ultrices eu venenatis diam.
					</p>
				</div>
			</div>
		</li>
		<li class="flex items-start space-x-3">
			<a
				rel="noopener noreferrer"
				href="#"
				class="flex items-center h-8 text-sm hover:underline"
			>
				v3.1.9
			</a>
			<div class="flex-1 space-y-2">
				<div
					class="flex items-center justify-between space-x-4"
					[ngClass]="['text' + plainInv]"
				>
					<a
						rel="noopener noreferrer"
						href="#"
						class="inline-flex items-center px-3 py-1 my-1 space-x-2 text-sm border rounded-full group"
						[ngClass]="['border' + neutral]"
					>
						<span
							class="h-1.5 w-1.5 rounded-full"
							[ngClass]="['bg' + primary]"
							aria-hidden="true"
						></span>
						<span class="group-hover:underline" [ngClass]="['text' + defaultInv]">
							Bugfix
						</span>
					</a>
					<span class="text-xs whitespace-nowrap">2 weeks ago</span>
				</div>
				<div class="space-y-2">
					<p>
						Scelerisque amet elit non sit ut tincidunt condimentum. Nisi ultrices eu
						venenatis diam.
					</p>
					<p>
						Illum quaerat ab inventore, eveniet repudiandae saepe, iste sed molestias
						laborum atque, quos reprehenderit fugit cumo!
					</p>
				</div>
			</div>
		</li>
	</ul>
</div>
